<template>
   <div class="home_booky">
      <div class="box_4">
        <div class="new_top">
          <div class="left">
            <div class="item" v-for="(item, index) in list" :key="index">
              <div class="t1">{{ item.title }}</div>
              <hr />
              <div class="t"><span></span>{{ item.tet }}</div>
              <div class="t"><span></span>{{ item.tet }}</div>
              <div class="t"><span></span>{{ item.tet }}</div>
              <div class="t"><span></span>{{ item.tet }}</div>
            </div>
          </div>
          <div class="right">
            <img src="../assets/image/home/home (3).png" />
            <img src="../assets/image/home/home (6).png" />
          </div>
        </div>
        <div class="new_bottom">
          <div class="bot">
            福建新华发行（集团）有限责任公司 FUJIAN XINHUA
            DISTRIBUTIONCO.，LTD(GROUP)
          </div>
          <div class="bot">联系地址：中国福建省福州市五一北路126号</div>
          <div class="bot">
            Copyright © 2015 福建新华发行集团 版权所有|备案号：闽ICP备11016515号
          </div>
        </div>
      </div>
    </div>
</template>

<script>
export default {
   data(){
       return {
            list: [
        {
          title: "新收入门",
          tet: "购物保障"
        },
        {
          title: "配送方式",
          tet: "购物保障"
        },
        {
          title: "支付方式",
          tet: "购物保障"
        },
        {
          title: "售后服务",
          tet: "购物保障"
        },
        {
          title: "我的订单",
          tet: "购物保障"
        }
      ],
       }
   }
}
</script>

<style lang="scss" scoped>
.home_booky {
    width: 100%;
    height: 282px;
    background: #f6f4f7;
    .box_4 {
      width: 1310px;
      padding-left: 69px;
      height: 282px;
      margin: 0 auto;
      .new_top {
        padding: 31px 0 50px 0;
        display: flex;
        .left {
          display: flex;
          .item {
            width: 129px;
            margin-right: 31px;
            .t1 {
              text-align: center;
              height: 16px;
              font-size: 15px;
              font-family: Microsoft YaHei;
              font-weight: 400;
              color: #040203;
              line-height: 10px;
            }
            hr {
              background: #ccc;
              height: 2px;
              color: #ccc;
            }
            .t {
              display: flex;
              align-items: center;
              font-size: 12px;
              font-family: Microsoft YaHei;
              font-weight: 400;
              color: #030202;
              line-height: 20px;
              span {
                width: 4px;
                height: 4px;
                background: #ccc;
                display: block;
                margin: 0 10px 0 5px;
              }
            }
          }
        }
        .right {
          width: 250px;
          display: flex;
          img {
            width: 95px;
            height: 95px;
            margin: 0 27px 0 27px;
          }
        }
      }
      .new_bottom {
        width: 486px;
        height: 59px;
        margin: 0 auto;
        color: #999999;

        .bot {
          font-size: 13px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          line-height: 22px;
          text-align: center;
        }
      }
    }
  }
</style>